@import "var.scss";
@import "global.scss";

.login-logo {
  background-color: $color-blue-light;
  height: 100vh;
  width: 50vw;
  min-width: 650px;
  overflow: hidden;
  @include layout(center, center);
  .icon {
    @include icon(6.5em, $color-blue-dark);
    transform: rotate(-30deg);
  }
}

.login {
  position: absolute;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 10px;
  background-color: $color-white;

  .login-head {
    line-height: 60px;
    height: 60px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 500;
  }

  .demo-ruleForm{
    height: 40%;
    width: 40%;
    margin: 0 auto;
  }

  .login-btn {
    @include layout(space-between);
    button {
      display: block;
      width: 50%;
    }
  }
}
